ul{
   margin: 0px;
}
.first-page-content{
  padding:20px 15px;	
}
.page-view-1{
   width:30%;
   float: left;
   margin-right:1%;
   border-radius:5px;
}
.repair-status{
  width:100%;
 /*  height:176px; */
   padding:5%;
   background: white;
   overflow: hidden;
   box-shadow: 1px 1px 23px #ccc; 
}
.repair-status-li{
  width:23%;
  height:100%;
  background-size:100% 100%;
  text-align: center;
  margin-right:2%;
  color: white;
  float: left;
}
.first-page-bg{
  background-image: url("../../../../page/back/firstpage/img/ç©å½¢-69.png");
}
.scond-page-bg{
  background-image: url("../../../../page/back/firstpage/img/ç©å½¢-69_22.png");
}
.third-page-bg{
  background-image: url("../../../../page/back/firstpage/img/ç©å½¢-69_0.png");
}
.four-page-bg{
  background-image: url("../../../../page/back/firstpage/img/ç©å½¢-69_67.png");
}
.repair-status-li > img{
  width:45%;
  margin-top:10%;
}
.repair-status-li  .repair-status-font{
  margin-top:10%;
  display: block;
}
.repair-status-li .repair-status-number{
  display: block;
  font-size:28px;
}
.repair-device{
  padding:10%;
  width:100%;
  overflow: hidden;
  background: white;
}
.repair-device-li{
  width:50%;
  float: left;
  text-align: left;
}
.device-value{
	width:100%;
	padding:5% 5% 4% 5%;
	overflow:hidden;
	background:#fff;
	border-radius:5px;
	box-shadow: 1px 1px 23px #ccc; 
	margin-top:2%;
}
.device-value>li{
	height:50%;
	float:left;
	padding:2%;
	width:50%;
}
.device-value li span{
	display:inline-block;
	width:30%;
	height:60%;
	vertical-align:top;
}
.device-value li span:nth-child(1){
	padding:1%;
}
.device-value li span:nth-child(1) img{
	width:100%;
}
.device-value li .device-value-content{
	height:5%;
	width:67%;
	padding-left:4%;
}
.device-value-content>div:nth-child(1){
	font-size:26px;
	color:#555;
}
.device-value-content>div:nth-child(2){
	font-size:14px;
	color:#999;
}
.page-view-2{
   width:16%;
   float: left;
   margin-right:1%;
   border-radius:5px;
   box-shadow: 1px 1px 23px #ccc; 
}
.page-view-2-li{
   background: white;
   padding: 3% 0px 0px 5%;
   border-radius:5px;
}
.page-view-2 .page-view-2-li+div{
  margin-top:4%;
}
.page-view-2-li>img{
   position: relative;
   top:-15px;
   width:25%;
}
.page-view-2-li span{
   display: inline-block;
}
.page-view-3{
   width:52%;
   float: left;
   background: white;
   position: relative;
   height:400px;
   border-radius:5px;
   box-shadow: 1px 1px 23px #ccc; 
}
.page-view-4{
   width:35%;
   height:400px;
   float: left;
   background: white;
   position: relative;
   border-left: 5px #6496F8 solid;
   border-radius:5px;
   box-shadow: 1px 1px 23px #ccc; 
}
#repair-charge{
   width:100%;
   height:100%;
}
.eachrt-title{
   position: absolute;
   top:10px;
   left:20px;
   color: #3A3B50;
   line-height:20px;
   border-left:5px solid #429BC8;
   padding-left:5px;
   font-weight: bold;
}
.content-view-one{
  overflow: hidden;
}
.content-view-two{
  overflow: hidden;
  margin-top:20px;
}
.fault-tilte{
   width:100%;
   padding-top:45px;
}
.fault-tilte li:nth-child(1){
  width:12%;
  text-align: center;
  font-weight:bold;
  float: left;
}
.fault-tilte li+li{
  width:22%;
  text-align: center;
  font-weight:bold;
  float: left;
}
.fault-tilte li:nth-child(3){
  width:28%;
}
.fault-tilte li:nth-child(5){
  width:16%;
}
.fault-li li:nth-child(1){
  width:12%;
  text-align: center;
  float: left;
  border-top:1px dotted #E5E5E5;
  height:32px;
  line-height:32px;
}
.fault-li li:nth-child(3){
  width:28%; 
}
.fault-li li+li{
  width:22%;
  text-align: center;
  float: left;
  border-top:1px dotted #E5E5E5;
  height:32px;
  line-height:32px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.fault-li li:nth-child(5){
  width:16%; 
}
.page-view-5{
   width:35%;
   height:400px;
   float: left;
   background: white;
   position: relative;
   margin-left:1%;
   margin-right:1%;
   border-radius:5px;
   box-shadow: 1px 1px 23px #ccc; 
}
#device-fenlei{
  width:100%;
  height:100%;
}
.page-view-6{
   width:28%;
   height:400px;
   float: left;
   background: white;
   position: relative;
   border-radius:5px;
   box-shadow: 1px 1px 23px #ccc; 
}
.system-msg{
  padding:45px 10px 0px 15px;
}
.system-msg li{
  float: left;
  height:40px;
  line-height:40px;
  overflow:hidden; 
  text-overflow:ellipsis; 
  white-space:nowrap; 
}
.system-msg li:nth-child(1){
  width:60%;
  text-align: left;
  color: #5A5B70;
}
.system-msg li:nth-child(2){
  width:40%;
  text-align: right;
  color: #999999;
}
.sys-new-msg{
  display: inline-block;
  height:6px;
  width:6px;
  border-radius:50%;
  background: #F30F16;
  margin-top:-5px;
  margin-right:3px;
}
.sys-old-msg{
  display: inline-block;
  height:6px;
  width:6px;
  border-radius:50%;
  background: #D0D0D0;
  margin-top:-5px;
  margin-right:3px;
}

// ç³»ç»å¬åæ ·å¼
.advice-content{
	width: 100%;
}
.advice-content ul{
	width: 100%;
}
.advice-content ul li{
	width: 100%;
	overflow: hidden;
}
.advice-content ul li{
	padding:10px 2px;
	margin-top:10px;
	overflow: hidden;
}

.advice-content ul li:hover{
	background-color:#fefeca;
}
.notice-title{
	margin-left: 10px;
	float: left;
}
.notice-time{
	margin-right: 30px;
	float: right;
}
.hongdian {
    width: 5px;
    height: 5px;
    display: inline-block;
    background: red;
    margin-right: 7px;   
}